<template>
  <!-- 模版-html -->
  <div class="app-container">
    <h1>{{ msg }}: {{ title }}</h1>
    <ul v-for="item in list" :key="item.id">
      <li>{{ item.name }}</li>
      <li>数量:{{ item.count }}</li>
    </ul>
  </div>
</template>
<script>
// js
export default {
  data() {
    return {
      msg: 'hello Vue',
      title: 'Hello World',
      list: [
        {
          id: 1,
          count: 10,
          name: '苹果13pro',
        },
        {
          id: 2,
          count: 20,
          name: '苹果13pro max',
        },
        {
          id: 3,
          count: 30,
          name: '苹果12pro',
        },
        {
          id: 4,
          count: 40,
          name: '苹果12pro max',
        },
      ],
    }
  },
}
</script>
<style scoped>
/* style样式 */
</style>
